<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>
	.border-lavener{
		border: 1px solid #e6e6fa;
	}
	
	.musicContainer{
		max-width: none!important;
		width: 940px;
	}
	
	.titleSection{
		position: relative;
		min-height: 30px;
		border: 1px solid #e6e6fa;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 5px;
		margin-bottom: 5px;
		background-color: #f5f5f5;
	}
	
	.contentSection{
		height: 420px;	
	}

	.freeContainer:before, .freeContainer:after,
	.titleSection:before, .titleSection:after,
	.contentSection:before, .contentSection:after{
		content: " ";
		display: table;
	}
	:before, :after{
		box-sizing: border-box;
	}
	.freeContainer:after, .titleSection:after,
	.contentSection.after{
		clear: both;
	}
</style>
<link rel="stylesheet" type="text/css" href="css/board.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
<script type="text/javascript">
	 $(function(){
		
		$("#modifyBtn").submit(function(){		
			if(confirm("수정하시겠습니까?")){
				}
			});		
		
		$("#listBtn").click(function(){
			location.href=${initParam.root }+"getContentListPerPage.ju?nowPage=1";
		});
		
	});
	 
	 function cancel(){
			if(confirm("작성취소하시겠습니까?")){
			location.href=${initParam.root }+"getContentListPerPage.ju?nowPage=1";
			}
		}
</script>
</head>
<body>

	<form method="post" name="modifyForm" action="${initParam.root }freeUdateContent.ju">
	
	<input type="hidden" id="no" name="no" value="${requestScope.bvo.no }" readonly>
	<input type="hidden" id="memberVO.id" name="memberVO.id" value="${sessionScope.mvo.id }">	

	<fieldset>	

	<div class="form-group">
	<label for="title" class="col-lg-2 control-label">제목</label>
	<div class="col-lg-10">
		<b><input type="text" id="title" name="title"  class="form-control"  value="${requestScope.bvo.title }" ></b>
		<span style="float: right;">${mbvo.date }</span>
			<br>
	</div>
	</div>

 <div class="form-group">
      <label for="textArea" class="col-lg-2 control-label">내용</label>
      <div class="col-lg-10">
       <textarea class="form-control"  id="content" name="content" >${requestScope.bvo.content }</textarea>
       <br>
      </div>
    </div> 
	
	
	</fieldset>
	<div align="center">
					<!-- <input type="button" id="listBtn" value="목록" >
					<input type="submit" id="modifyBtn" value="수정">
					<input type="button" onclick="cancel()" value="취소"> -->
					
					<img src="${initParam.root }img/listBtn.png" height="25px"  id="listBtn" style="margin-bottom: 10px">
				   <input type="image" id="modifyBtn" src="${initParam.root }img/okbtn.png" height="25px" style="margin-bottom: -6px">
					<img src="${initParam.root }img/cancelBtn.png" height="25px" onclick="cancel()" style="margin-bottom: 10px">
					
					</div>
	</form>
</body>
</html>